
<template>
    <!-- 下拉框 -->
    <el-dropdown @command='changelanguage'>
        <!-- 图标 -->
        <div>
            <svg-icon style='color:#fff;font-size:20px;' icon-class='language'></svg-icon>
        </div>
        <!-- 下拉菜单 -->
        <el-dropdown-menu>
            <el-dropdown-item :disabled=" $i18n.locale==='zh'" command='zh'>中文</el-dropdown-item>
            <el-dropdown-item  :disabled=" $i18n.locale==='en'"  command='en'>en</el-dropdown-item>
        </el-dropdown-menu>
    </el-dropdown>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
import Cookie from 'js-cookie'
export default {
//组件名称

data() {
//这里存放数据
return {

};
},

//方法集合
methods: {
    changelanguage(type){
    //  console.log(type);
    Cookie.set('language',type)//写入cookie缓存中
    // 改变语言
    this.$i18n.locale=type
    this.$message.success('切换语言成功')
}
},
}

</script>
